<template>
    <div class="appraise-record-alert">
        <module-bord @closeModule="$emit('closeModule')">
            <prize-record
                    @loadingMore="loadingMore"
                    :prizeRecordProp="prizeRecordAlert"
            ></prize-record>
        </module-bord>
    </div>
</template>

<script>
    export default {
        name: "AppraiseRecordAlert",
        props: {
            prizeRecordAlertProp: Object
        },
        data(){
            return{
                prizeRecordAlert:{
                    "isScorll":true,
                    "isShowMore":false,
                    "title": '期中奖用户',
                    // "list": [{
                    //     "periods": "三",                                        //----第几期
                    //     "interactId": 321,
                    //     "startTime": 1564641454000,
                    //     "endTime": 1567060654000,
                    //     "averageValue": "367.5",                               //----平均估价
                    //     "winnersModels": [{
                    //         "rewardLevel": 3,                              //----奖励等级
                    //         "awardNum": 3,                                 //----奖品数量
                    //         "rewardLevelDesc": "奖! 奖!",                   //----奖励等级描述
                    //         "awardUserModels": [                           //----获奖者列表信息
                    //             {
                    //                 "userId": 3464,                        //----获奖者信息
                    //                 "myself": false,                       //----是否是本人
                    //                 "userName": "san",                     //----用戶名稱
                    //                 "photoUrl": "http://xxxxxa.jpg",       //----用户头像
                    //                 "answerReward": true,                  //----是否是答案奖励
                    //                 "answer": "33.4",                       //----用户参与答案
                    //             }
                    //         ]
                    //     }]
                    // }]
                }
            }
        },
        mounted() {
            this.prizeRecordAlert = Object.assign({}, this.prizeRecordAlert, this.prizeRecordAlertProp)
        },
        methods:{
            loadingMore(obj){
                this.$emit('loadingMore',obj);
            }
        },
        watch: {
            prizeRecordAlertProp(val) {
                this.prizeRecordAlert = Object.assign({}, this.prizeRecordAlert, val)
            }
        },
        components:{
            'module-bord': () => import('../../../../components/commonComponents/alert/ModuleBord'),
            'prize-record': () => import('./PrizeRecord'),
            'user-list': () => import('../../../../components/commonComponents/usersList/UserList'),
        }
    }
</script>

<style scoped lang="scss">
    .appraise-record-alert /deep/{
        .module-bord-position{
            z-index: 1061;
            background-color: #fff;
        }
        .com_black{
            z-index: 1060;
        }
        .module-bord-content{
            padding: 0;
            max-height: 78vh;
            height: 5.4rem;
        }
        .record-title{
            font-size: .16rem;
            color: #313233;
            background-color: #fff;
        }
        .appraise-result{
            font-size: .14rem;
            color: #626366;
        }
        .price-name{
            color: #313233;
        }
        .appraise-record{
            width: auto;
        }
    }
    .appraise-record-alert{
        background-color: #000;
        padding:.16rem;
    }
    .record-title{
        color: #313233;
        font-size: .18rem;
        font-weight: bold;
    }
    .record-title-right{
        color: #939599;
        font-size: .13rem;
    }
    .record-wtitle{
        padding-bottom: .25rem;
    }

</style>